<div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a position-relative">
    <div class="url-body default">
        {{ if .link.qrcode }}
        <a href="" target=""
        class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='{{ .link.qrcode }}' width='128'>">
        {{ else }}
        <a href="{{ .link.url }}" target="_blank" rel="noopener noreferrer" data-id="" data-url="{{ .link.url }}"
            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-name="{{ .link.title }}" data-description="{{ .link.description }}">
        {{ end }}
            <div class="card-body">
                <div class="url-content d-flex align-items-center">
                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                        {{ $imageConfig := $.Site.Params.media.images | default dict }}
                        {{ partial "extend/optimized-logo" (dict
                            "logo" .link.logo
                            "title" .link.title
                            "class" "lazyload"
                            "config" $imageConfig
                        ) }}
                    </div>
                    <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1 d-flex align-items-center">
                            <strong>{{ .link.title }}</strong>
                            {{ range .link.icons }}
                                <i class="{{ .class }} ml-2" style="color: {{ .color }}"></i>
                            {{ end }}
                        </div>
                        <p class="overflowClip_1 m-0 text-xs"
                            style="color: #6c757d;"
                            data-bs-toggle="tooltip"
                            title="{{ .link.description }}">
                            {{ .link.description }}
                        </p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ .link.url }}" class="togo text-center text-muted is-views" data-id="689"
            data-toggle="tooltip" data-placement="right" title="直达 {{ .link.title }}" aria-label="直达 {{ .link.title }}" rel="nofollow">
            <i class="iconfont icon-goto" aria-hidden="true"></i>
        </a>
    </div>
    {{ if .showContextMenu }}
        <!-- 右键菜单 -->
        <div class="btn-group context-menu dropdown-menu shadow position-absolute" role="group" aria-labelledby="contextMenuTrigger">
            <button type="button" class="btn btn-info dropdown-item add-to-favorites ">
                <i class="iconfont icon-star mr-2"></i>添加到我的常用
            </button>
            {{/* <div class="dropdown-divider"></div>*/}}
            <button type="button" class="btn btn-info dropdown-item remove-from-favorites">
                <i class="iconfont icon-delete mr-2"></i>从我的常用中移除
            </button>
        </div>
        <!-- 右键菜单 end -->
    {{ end }}
</div>